﻿<div class="tables-view full-height">
    <div class="screen" data-bind="visible: screen() == 'records'">
        <div class="grid-container" data-bind="with: recordsListView">
            <header class="grid-header">
                <h2 data-bind="text: table()"></h2>
                @Html.Partial("Tables/Filter")
            </header>
            <div class="data-grid">
                @Html.Partial("Tables/TableRecordsView")
            </div>
            <div class="controls">
                <div data-bind="with: pager" class="pagination-centered">
                    @Html.Partial("Pagination")
                </div>
            </div>
        </div>
    </div>

    <div class="screen" data-bind="visible: screen() == 'tables'">
        <div class="grid-container" data-bind="with: tablesView">
            <header class="grid-header">
                <h2>Tables</h2>
                @Html.Partial("Tables/TableFilter")
            </header>
            <div class="data-grid">
                @Html.Partial("Tables/TablesList")
            </div>
            <div class="controls">
            </div>
        </div>
    </div>
</div>
